@charset "utf-8";
/* CSS Document */

/* ===============================
   Floats and Hacks
   =============================== */ 
.clearfix:after {
	clear: both;
	content: ' ';
	display: block;
	font-size: 0;
	line-height: 0;
	visibility: hidden;
	width: 0;
	height: 0;
}

.clearfix {
	display: inline-block;
}

* html .clearfix {
	height: 1%;
}

.clearfix {
	display: block;
}


/*================================================*/
body { font-family:Verdana, Geneva, sans-serif; font-size:12px; color:#343434; line-height:135%; background:url(../images/bg.png) repeat-x;}	
#header{ height:90px; padding-top:35px;}
#wrapper .inner{ width:960px; margin:0 auto;}
#header .logo h1 a{ background:url(../images/logo.png) no-repeat; width:227px; height:44px; display:block;}
#nav{ height:55px; line-height:55px;}
#nav ul li{ display:block; float:left;}
#nav ul li a:link, #nav ul li a:visited{ color:#256aa5; font-size:14px; text-transform:uppercase; font-weight:bold;}
#nav ul li a span{padding:0px 20px;}
#nav ul li.active a, #nav ul li.active a:hover{ background:url(../images/bg-nav-left.png) no-repeat left top #c5d9ec; display:block; }
#nav ul li.active a span, #nav ul li.active a:hover span{ background:url(../images/bg-nav-left.png) no-repeat right top; display:block;}

/*primary*/
#primary{ clear:both;}
#primary .inner{ padding:25px 0px;}
#primary .siderbar{ display:block; float:left; width:260px;}
.siderbar .box { margin-bottom:30px;}
.siderbar .box h6{ background:url(../images/bg-nav-left-top.png) no-repeat; width:260px; height:50px; display:block; line-height:50px; text-align:center; color:#FFF; font-size:16px;}
.siderbar ul{ display:block; border:2px solid #89c9fe; width:236px; padding:15px 10px; border-top:none;}
.siderbar ul li{ display:block; margin-bottom:10px; border-bottom:1px dotted #89c9fe; padding-bottom:10px;}
.siderbar ul li.last{ border-bottom:none;}
.siderbar ul li a:link, .siderbar ul li a:visited{ display:block; background:url(../images/bullet-blue.png) no-repeat 0px 5px; padding-left:15px;}
.siderbar ul li a.active, .siderbar ul li a:hover{ text-decoration:underline;}
.siderbar .box.pink h6{ background:url(../images/bg-nav-left-bottom.png) no-repeat; }
.siderbar .box.pink ul{ border:2px solid #ea70ff; border-top:none;}
.siderbar .box.pink ul li a:link, .siderbar .box.pink ul li a:visited{ color:#e970ff;}
.siderbar .box.pink ul li a:link,.siderbar .box.pink ul li a:visited{ background:url(../images/bullet-pink.png) no-repeat 0px 5px;}

/*main*/
#main{ width:680px; display:block; float:left; margin-left:20px;}
#main .client h6{ background:url(../images/arrow-title-pink.png) no-repeat left top #fea589; display:block; height:50px; line-height:50px; padding-left:40px; font-size:16px; color:#FFF;}
#main .client ul{ padding:20px;}
#main .client ul li{ display:block; float:left; margin-right:20px; width:200px;}
#main .client ul li.last{ margin-right:0px;}
#main .client ul li img{ border:1px solid #d9d9d9;}
#main .client ul li span.title{ text-align:center; padding-top:5px; width:200px; display:block; font-size:12px; font-weight:bold; color:#343434;}
#main .about{ display:block; clear:both; padding-top:50px;}
#main .about h6{ background:url(../images/arrow-title-pink-hl.png) no-repeat left top #fe8989; display:block; height:50px; line-height:50px; padding-left:40px; font-size:16px; color:#FFF;}
#main .about .content{ padding:20px;}
.content .fl{ width:435px; display:block; float:left; text-align:justify;}
.content .fl p{ line-height:170%;}
.content .fl p.more a:link, .content .fl p.more a:visited{ display:block; float:right; color:#fd0000;}
.content .fr{ display:block; float:right;}

#main .info{ display:block; clear:both; padding-top:30px;}
#main .info p.title{ font-size:18px; color:#333333; border-bottom:1px solid #333333; padding-bottom:5px; margin-bottom:15px;}
#main table{ font-size:14px;}
#main table th{ background:#CCC; padding:10px 15px;}
#main table td{ padding:10px 15px;}
#main table td,#main table th{ border:1px solid #bcbbbb;}
#main table td span{ display:block;}
#main table td.hl{ vertical-align:middle; background:#efeeee; color:#333; font-weight:bold; text-align:center;}

/*footer*/
#footer{ display:block; clear:both; background:url(../images/bg-footer.png) repeat-x; height:56px; line-height:56px; color:#FFF;}
#footer .fr a:link, #footer .fr a:visited{ display:block; float:right; color:#FFF; background:url(../images/to-top.png) no-repeat left 20px; padding-left:20px;}
#footer .fl{ display:block; float:left;}